/* ============================================================================= CONFIG FOR WEBSITE ========================================================================== */
@font-face {font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('../font/Myriad Pro Regular'), url('../font/MYRIADPRO-REGULAR.woff') format('woff'); }
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font-size: 100%; color: #505050; font-family: Arial, sans-serif; font-size: 13px; font-weight: 200;}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: black; font-family: Arial, sans-serif; font-weight: normal; /*line-height: 1em; */ }

h2 {font-size: 18px; text-transform: uppercase; font-weight: bold;}
h3 { font-size: 20px;}

h2, h3, h4 { line-height: 22px; }

/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 0.7em; line-height: 1.5em; }

a, a:visited { color: #505050; text-decoration: none; cursor: pointer; outline: none; }

a:focus, a:hover { outline: none; color: #505050; text-decoration: none; }

blockquote { margin: 1.5em; color: #fff; font-style: italic; }

strong, dfn { font-weight: bold; }

em, dfn { font-style: italic; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; }

strong.hilite_txt { color: #05A1E4; }

/* Lists
-------------------------------------------------------------- */
ul, ol { /*margin: 0.5em 1em 1em 0; padding-left: 1.5em; line-height: 18px; */ }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }

dd { margin-left: 1.5em; }

/* Tables
-------------------------------------------------------------- */
/*
	Because of the need for padding on TH and TD, the vertical rhythm
	on table cells has to be 27px, instead of the standard 18px or 36px
	of other elements. */
table { margin-bottom: 5px; width: 100%; }

th { font-weight: bold; }

thead th { background: #f2e7d4; }

tfoot { font-style: italic; }

caption { background: #eee; }

.hidden_txt { text-indent: -9999px; line-height: 0; font-size: 0; }

* { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { /*height: 100%;*/ }

body {position: relative; z-index: 1; background: url(../img/bg.jpg) repeat;}

img { max-width: 100%; }

.clr, .clear { clear: both; }

.nbd { border: none !important; }

.nbdr { border-right: none !important; }

.nbdl { border-left: none !important; }

.nbdt { border-top: none !important; }

.nbdb { border-bottom: none !important; }

.nmrr { margin-right: 0px !important; }

.nmrl { margin-left: 0px !important; }

.nmrt { margin-top: 0 !important; }

.nmrb { margin-bottom: 0 !important; }

.npl { padding-left: 0px !important; }

.npr { padding-right: 0px !important; }

.npt { padding-top: 0 !important; }

.npl { padding-bottom: 0 !important; }

.no-bg { background: none !important; }

.flr { float: right !important; }

.fll { float: left !important; }

.bold { font-weight: bold !important; }

.textInput { display: block; }

.hide { display: none !important; }

/* USING FOR SITE WITHOUT SLIDE IMAGE*/
.odd { background-color: #eeeeee !important; }

.clear-fix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

* html .clear-fix { zoom: 1; }

/* IE6 */
*:first-child + html .clear-fix { zoom: 1; }

/* IE7 */
/* ============================================================================= Non-Semantic Helper Classes ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

a { text-decoration: none; }

ul { margin: 0; padding: 0; list-style: none; }

/***************** HEADING SETTING ********************/
/* =================== ALL: Black - White Theme =================== */
::-moz-selection { background: #0091d5; color: #fff; text-shadow: none; }

::selection { background: #0091d5; color: #fff; text-shadow: none; }

/* Global variable */
/***************** SETTING WIDTH FOR HEADER - CONTENT - FOOTER  ********************/
.header, .content, .slider, .footer { width: 100%; margin: 0px auto; padding: 0; }
.fl {float: left;} .fr {float: right;} .w160 {width: 160px;} .mb15 {margin-bottom: 15px;} .relative {position: relative;} .w480 {width: 480px;} .w240 {width: 240px;} .mt10 {margin-top: 10px;}
.ml10 {margin-left: 10px;} .mb200 {margin-bottom: 200px;} .w150 {width: 150px;} .mt100 {margin-top: 100px !important;} .ml5 {margin-left: 5px;} .mb20 {margin-bottom: 20px;}
.mb20 {margin-bottom: 20px !important;} .mt15 {margin-top: 15px !important;} .mr10 {margin-right: 10px;} .mt147 {margin-top: 147px;} .mb100 {margin-bottom: 150px;}

/***************** HEADER ********************/

.container {padding: 0; width: 960px;}
.navbar {margin-bottom: 0; border: none;}
.navbar-inverse {background: #fff;}
.brand {background: url(../img/logo.png) no-repeat; width: 489px; height: 65px; float: left; text-indent: -99999px; display: block; margin-top: 20px;}
ul.menu_top {float: right;}
ul.menu_top > li {float: left; background: #4ab0e1; margin-right: 1px; padding: 5px 0;}
ul.menu_top > li > a {text-transform: uppercase; color: #fff; padding: 0 15px 0 20px; background: url(../img/iconAdd.png) no-repeat 7% 50%;}
ul.menu_top > li:hover > a {text-decoration: none; }
ul.menu_top > li:focus a {text-decoration: none;}
ul.menu_top > li:hover {background: #0091d5;}

.navbar-fixed-top {border-top: 2px solid #0091d5; border-bottom: none; }
.navbar-inner {background: url(../img/bg_top.jpg) repeat-x center center; padding: 0 0 20px 0;}
.btnHome.current > a {background: url(../img/home.jpg) no-repeat !important; width: 40px; height: 40px; float: left; text-indent: -99999px; display: block;}
.btnHome > a {background: url(../img/home_normal.jpg) no-repeat !important; width: 40px; height: 40px; float: left; text-indent: -99999px; display: block;}
ul.nav {float: left;}
.hotline {float: right; margin-top: 10px;}
.hotline p { text-align: right; margin-bottom: 0;}
.hotline p span {font-weight: bold; font-size: 20px;}
.max_menu {width: 100%; background: #29414c;}
ul.nav > li { float: left; position: relative; margin-top: 2px;}
ul.nav > li > a {color: #fff; text-transform: uppercase; padding: 9px 22px 11px; font-size: 15px; font-family: 'Myriad Pro Regular';}
ul.nav > li:hover > a {background: #fff; color: #000;}
ul.nav > li.active {background: #0087c6; color: #fff;}
.nav > li > a:hover, .nav > li > a:focus {background: #0286C4; color: #fff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background: #0286C4; color: #fff;}

ul.nav > li:hover ul {display: block;}
ul.nav > li > ul > li {position: relative; width: 195px;}
ul.nav > li > ul {width: 805px; z-index: 9999; display: none; height: 278px; position: absolute; top: 38px; left: 0; -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.22); -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.22); box-shadow: 3px 4px 5px rgba(0,0,0,.22);
padding: 10px 0; background: #fff url(../img/bg_ul.png) repeat-y 23% 100%; }
ul.nav > li > ul > li > a {padding: 0 10px; display: block; color: #4879a2;}
ul.nav > li > ul > li {padding: 5px 0;}
ul.nav > li > ul > li:hover {background: transparent;}
ul.nav > li > ul > li:hover > a {color: #000; text-decoration: none;}
ul.nav > li > ul > li:hover > a .icon_right {display: block;}
ul.nav > li > ul > li > ul {display: none !important; position: absolute; left: 195px; background: transparent; width: 195px; padding: 10px 0 10px 10px; min-height:278px;}
ul.nav > li > ul > li:hover > ul {display: block !important;}
ul.nav > li > ul > li > ul > li > a {padding: 0 10px; color: #4879a2;}
ul.nav > li > ul > li > ul > li {padding: 5px 0; position: relative;}
ul.nav > li > ul > li > ul > li:hover {background: transparent;}
ul.nav > li > ul > li > ul > li:hover a {color: #000; text-decoration: none; display: block;}
ul.nav > li > ul > li > ul > li > ul {display: none !important; min-height: 278px; position: absolute; top: -8px; left: 180px; 
background: #f8f8f8; width: 200px; padding: 10px 0; /*-webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.22); -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.22); box-shadow: 3px 4px 5px rgba(0,0,0,.22);*/}
ul.nav > li > ul > li > ul > li:hover > ul {display: block !important; }
ul.nav > li > ul > li > ul > li > ul > li {padding: 5px 0;}
ul.nav > li > ul > li > ul > li > ul > li:hover {background: transparent;}
ul.nav > li > ul > li > ul > li > ul > li:hover a .icon_right {display: block;}
ul.nav > li > ul > li > ul > li > ul > li > a {padding: 0 10px; display: block; color: #4879a2 !important;}
ul.nav > li > ul > li > ul > li > ul > li:hover a {color: #000 !important;}
.icon_right {background: url(../img/icon_right.jpg) no-repeat right center; width: 16px; height: 29px; display: none; position: absolute; top: -10px; right: -5px;}

ul.nav > li > ul > li:nth-child(n+1) > ul {top: -10px;}
ul.nav > li > ul > li:nth-child(n+2) > ul {top: -38px;}
ul.nav > li > ul > li:nth-child(n+3) > ul {top: -67px;}


ul.nav > li > ul > li > ul li:nth-child(n+1) ul {top: -10px;}
ul.nav > li > ul > li > ul li:nth-child(n+2) ul {top: -39px;}
ul.nav > li > ul > li > ul li:nth-child(n+3) ul {top: -67px;}
ul.nav > li > ul > li > ul li:nth-child(n+4) ul {top: -96px;}
ul.nav > li > ul > li > ul li:nth-child(n+5) ul {top: -124px;}
ul.nav > li > ul > li > ul li:nth-child(n+6) ul {top: -153px;}
ul.nav > li > ul > li > ul li:nth-child(n+7) ul {top: -181px;}
ul.nav > li > ul > li > ul li:nth-child(n+8) ul {top: -210px;}


.frmSearch {float: right; margin-top: 7px; position: relative;}
.frmSearch input {width: 219px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #eeeeef; padding: 5px 10px; border: none; font-size: 12px;}
input.btnGo {position: absolute; top: 5px; right: 8px; background: url(../img/icon_search.png) no-repeat; width: 18px; height: 18px; text-indent: -9999px; display: block;}
.banner {height: 620px;}
.camera_fakehover { height: 620px;}
.camera_caption h3 {color: #fff; margin-top: 0; font-weight: bold; position: relative;}
.camera_caption p {margin-bottom: 0; padding-right: 280px;}
.camera_pag {position: absolute; bottom: 15px; right: 16%;}
.camera_wrap .camera_pag .camera_pag_ul li {background: #ededed; border-radius: 0; width: 13px; height: 13px; margin: 20px 3px;}
.camera_wrap .camera_pag .camera_pag_ul li > span {border-radius: 0;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {background: #0091d5;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background: #0091d5;}
.camera_wrap .camera_pag .camera_pag_ul li:hover {background: #0091d5;}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {background: #0091d5;}
.camera_bar {background: #0091d5;}
.camera_wrap {margin-bottom: 0 !important;}
.camera_magenta_skin .camera_next > span {background-position: -40px -240px;}
.camera_magenta_skin .camera_commands > .camera_stop {background-position: -120px -240px;}
.camera_magenta_skin .camera_prev > span {background-position: 0 -240px;}
.camera_magenta_skin .camera_commands > .camera_play {background-position: -80px -240px;}

footer {padding: 20px 0 7px 0 !important; padding: 0; font-size: 12px; background: #f5f5f5 url(../img/bg_footer.jpg) repeat-x top center;}
footer p {text-align: center;}
footer p a {color: #505050;}
.c226ebb {color: #226ebb !important;}
.footer2 {background: #f5f5f5 url(../img/bg_footer.jpg) repeat-x top center; border-top: 1px solid #939b9f; padding: 20px 0}

.breadcrumb {background: url(../img/bg_bc.jpg) repeat-x bottom; padding-bottom: 10px; padding-left: 0; margin-top: 5px; margin-bottom: 10px;}
.breadcrumb ul {padding-left: 0; float: left;}
.breadcrumb ul li {float: left; padding: 0 10px; background: url(../img/icon_r3.png) no-repeat center right;}
.breadcrumb ul li:first-child {padding-left: 0; background: url(../img/icon_line.jpg) no-repeat center right;}
.breadcrumb ul li:last-child {background: none;}
.breadcrumb ul li a {padding: 5px 0; font-size: 12px;}
.breadcrumb ul li:hover a, .breadcrumb ul li.active a, .pathway {color: #226ebb !important;}
.searchSP {float: right; font-size: 12px;}
.searchSP label {float: left; font-weight: normal;}
.searchSP select {float: left; width: 143px; height: 20px; line-height: 20px; border: 1px solid #b3b3b3; margin-left: 10px; color: #282828;}
.w_cate {width: 220px; float: left;}
.cate {width: 220px; padding: 13px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f6f6f6 url(../img/bg_cate.png) no-repeat top; border: solid 1px #dbdbdb;}
.cate h4 {font-size: 14px; font-weight: bold; margin-top: 0;}
.cate h3 {font-size: 13px; text-transform: uppercase; font-weight: bold; margin-top: 10px; margin-bottom: 5px;}
.cate ul li {padding: 3px 0;}
.cate ul li a {font-size: 13px;}
.cate ul li:hover a {color: #0091d5;}
.cate ul li a.current {color: #0091d5;}
.cate ul li ul {margin-top: 5px;}
.cate ul li ul li {background: #dee9ef !important; margin-bottom: 2px; padding: 2px 0 2px 20px;}
.cate ul li ul li:hover a {color: #000;}
.bloclSP {padding-bottom: 10px; border-bottom: 1px dotted #b3b3b3;}
.bloclSP:last-child {border-bottom: 0;}
.main_right {float: right; width: 730px;}

.sanphamTB .list_sp {width: 727px !important; overflow:hidden; margin-bottom: 5px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 1px #dbdbdb; -moz-box-shadow: 0 1px #dbdbdb; box-shadow: 0 1px #dbdbdb; border: solid 1px #dbdbdb; background-image: -webkit-linear-gradient(bottom, #f3f3f3, #fff 25%); background-image: -moz-linear-gradient(bottom, #f3f3f3, #fff 25%); background-image: -o-linear-gradient(bottom, #f3f3f3, #fff 25%); background-image: linear-gradient(to top, #f3f3f3, #fff 25%);}
.sanphamTB .list_sp article {float: left; width: 145px; height: 110px; border-right: 1px solid #dbdbdb; padding: 10px 0 0 0px; text-align: center;}
.sanphamTB .list_sp article:last-child {border-right: none; width: 145px;}
.sanphamTB .list_sp article:nth-child(n+1) {border-bottom: 1px solid #dbdbdb;}
.sanphamTB .list_sp article:nth-child(n+2) {border-bottom: 1px solid #dbdbdb;}
.sanphamTB .list_sp article:nth-child(n+3) {border-bottom: 1px solid #dbdbdb;}
.sanphamTB .list_sp article:nth-child(n+4) {border-bottom: 1px solid #dbdbdb;}
.sanphamTB .list_sp article:nth-child(n+5) {border-right: none; {border-bottom: 1px solid #dbdbdb;}}
.sanphamTB .list_sp article:nth-child(n+6) {border-right: 1px solid #dbdbdb;}
.sanphamTB .list_sp article:nth-child(n+7) {border-right: 1px solid #dbdbdb;}
.sanphamTB .list_sp article:nth-child(n+8) {border-right: 1px solid #dbdbdb;}
.sanphamTB .list_sp article:hover a {color: #0091d5; }
.sanphamTB .list_sp article a {text-align: center; font-size: 16px;}
.sanphamTB .list_sp article a img {display: block; margin-bottom: 5px; margin-left:20px;}

.thuonghieu {border-bottom: 1px dotted #b3b3b3; padding-bottom: 10px }
.thuonghieu ul {width: 730px; height: 110px; padding: 10px 0 0 10px; margin-bottom: 5px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 1px #dbdbdb; -moz-box-shadow: 0 1px #dbdbdb; box-shadow: 0 1px #dbdbdb; border: solid 1px #dbdbdb; background-image: -webkit-linear-gradient(bottom, #f3f3f3, #fff 25%); background-image: -moz-linear-gradient(bottom, #f3f3f3, #fff 25%); background-image: -o-linear-gradient(bottom, #f3f3f3, #fff 25%); background-image: linear-gradient(to top, #f3f3f3, #fff 25%);}
.thuonghieu ul li {float: left; margin-right: 20px;}
.thuonghieu h2, .spMoi h2 {font-size: 16px; color: #0775b0;}
.spMoi1 h2 {font-size: 16px; color: #0775b0; float:left; font-family: 'Myriad Pro Regular';}
ul.listSP {width: 730px; clear:both;}
ul.listSP li {float: left; background: #fff;}
.listSP li:nth-child(n+4) a {border-right: 1px solid #dbdbdb;}
.listSP li a {border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; display: block; width: 182px; padding: 10px;
position: relative; min-height: 342px;}
ul.listSP li a img {margin-bottom: 10px; height:160px;}
ul.listSP li a:hover {background: #efefef;}
.code {font-size: 13px; position:absolute; bottom:45px;}
.price {color: #c80000; font-size: 18px; font-weight: bold; margin-bottom: 0; position:absolute; bottom:20px;}

ul.pagging {float: right; margin-top: 10px;}
ul.pagging li {float: left; margin-right: 2px;}
ul.pagging li a {padding: 2px 10px; background: #bababa; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff;}
ul.pagging li a:hover, ul.pagging li a.active {background: #0091d5;}
.icon_r {background: url(../img/icon_r.png) no-repeat center center; width: 6px; height: 9px; display: block; padding: 10px 0; }
.icon_r2 {background: url(../img/icon_r2.png) no-repeat center center; width: 11px; height: 9px; display: block; padding: 10px 0;}
.detailPro {padding: 20px; border: 1px solid #aeaeae; background: #fff;}
.detailPro_left {float: left; width: 335px;}
.detailPro_right {float: right; width: 335px;}
ul.listitem {position: relative; padding-left: 30px; margin-top: 20px;}
ul.listitem li {float: left; width: 86px; height: 94px; border: 1px solid #aeaeae; margin-right: 10px; text-align:center;}
a.btnLeft {background: url(../img/icon_left.png) no-repeat; width: 20px; height: 19px; display: block; text-indent: -9999px; 
position: absolute; top: 35px; left: 0;}
a.btnRight {background: url(../img/icon_right.png) no-repeat; width: 20px; height: 19px; display: block; text-indent: -9999px; 
position: absolute; top: 35px; right: 0;}
.detailPro_right h2 {color: #0775b0; font-size: 20px; margin-top: 0; line-height: 1.5em;}
.detailPro_right h2 span {font-weight: normal; text-transform: none;}
.detailPro_right h3 {font-size: 14px; text-transform: uppercase; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
.detailPro_right p {margin-bottom: 3px;}
.detailPro_right .price1 {font-size: 26px; font-weight: bold; color: #c80000;}
.note {font-style: italic; color: #787878; font-size: 12px;}
.info table tr:nth-child(odd) {background: #f4f4f4; border-top: 1px solid #dbdbdb;}
.info table tr td {padding: 5px 10px; font-size: 13px;}
.col1 {width: 150px; display: block; float: left;}
.col2 {width: 150px; display: block; float: left;}
.info div.hightline {background: #f4f4f4; border-top: 1px solid #dbdbdb;}
.download ul {border-top: 1px solid #dbdbdb; padding-top: 10px;}
.download ul li {float: left; margin-right: 30px;}
.download ul li span {font-size: 13px; padding-top: 5px;}
.social {padding: 7px; background: #f1f1f1; margin-top: 20px;}
.social p {margin-bottom: 0;}
.relatePro {margin-top: 10px;}

/***Tab***/
ul.tabs {width: 100%; overflow: hidden; position: relative; z-index: 10;}
ul.tabs li {list-style-type: none; display: block; float: left; color: #505050; padding: 8px 18px; margin-right: 10px; font-weight: bold; 
cursor: pointer; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; background: #f1f1f1;}
ul.tabs li:hover { color: #fff; border-top: 1px solid #0092c2; background: #0092c2;}
ul.tabs li.current {color: #0092c2; border-top: 1px solid #0092c2; border-bottom: 1px solid #fff; padding: 10px 18px 6px; background: #fff; }
.tabscontent {padding: 15px 0 0; display:none; background: #fff; border: 1px solid #dbdbdb;}
.contents {position: relative; z-index: 9; top: -1px;}
.resultDO { min-height: 340px;}
.resultDO ul.listSP li:first-child a {border-left: none;}
.resultDO p {padding: 0 20px; font-size: 13px;}
#btnLargeImage {position: relative; display: block;}
a.btn_l {background: url(../img/icon_left.png) no-repeat; width: 20px; height: 19px; display: block; text-indent: -9999px; float: left; margin: 0 5px;}
a.btn_r {background: url(../img/icon_right.png) no-repeat; width: 20px; height: 19px; display: block; text-indent: -9999px; float: left;}
.icon_new {display: block; position: absolute; top: 10px; left: 10px; background: url(../img/icon_new.png) no-repeat; width: 57px; height: 22px;}
.icon_new_larg {display: block; position: absolute; top: 10px; left: 10px; background: url(../img/icon_new_larg.png) no-repeat; 
width: 81px; height: 32px;}
.icon_gg {display: block; position: absolute; top: 10px; left: 10px; background: url(../img/icon_giamgia.png) no-repeat; width: 87px; height: 22px;}
.icon_gg_larg {display: block; position: absolute; top: 10px; left: 10px; background: url(../img/icon_giamgia_larg.png) no-repeat; width: 127px; height: 32px;}
.icon_tk {display: block; position: absolute; top: 10px; left: 10px; background: url(../img/icon_tonkho.png) no-repeat; width: 87px; height: 22px;}
.icon_tk_larg {display: block; position: absolute; top: 10px; left: 10px; background: url(../img/icon_tonkho_larg.png) no-repeat; width: 127px; height: 32px;}
.baiviet h4 {font-size: 16px; margin-bottom: 5px;}
.baiviet article {border-top: 1px solid #dbdbdb; padding: 10px 0; display: block;}
.baiviet article img {margin-right: 5px; float: left; width: 60px;}
.baiviet article p {font-size: 12px; margin-bottom: 5px; line-height: 1.3em;}
.baiviet article .text {float: left; width: 150px;}

.contentDL {width: 960px; background: #fff; border:solid 1px #dbdbdb;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px;
border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.map_shop {float: left; width: 600px; padding: 20px;}
.list_shop {float: right; width: 358px; background: #fbfbfb; border-left: 1px solid #dbdbdb; padding: 20px 0 20px 20px;}
.list_shop h2 {font-size: 16px; font-weight: bold; color: #c80000; margin: 0 0 5px;}
.list_shop h3 {font-size: 13px; font-weight: bold; color: #226ebb; margin: 0 0 5px; text-transform: uppercase;}
.list_shop p {font-size: 13px;}
.list_shop select {border: solid 1px #e2e2e2; width: 153px; font-size: 12px; padding: 3px 5px;}

ul.itemshop {display: block;}
ul.itemshop li {border: 1px solid #dbdbdb; padding: 15px; margin-bottom: 10px; width: 315px;}
ul.itemshop li:hover {background: #f4f4f4;}
ul.itemshop li:last-child {margin-bottom: 0;}

.content_template {width: 960px; background: #FBFBFB; border:solid 1px #dbdbdb;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px;
border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.content_template h2 {font-size: 16px; font-weight: bold; color: #c80000; margin: 0 0 10px; text-transform: uppercase;}
.content_template h4 {font-size: 14px; color: #282828; text-transform: uppercase; font-weight: bold; margin: 20px 0 10px;}
.content_template p {font-size: 13px;}
.gioithieu {padding: 20px; text-align:justify;} .w640 {width: 640px;}
.gioithieu img {margin-bottom: 10px;}
.info_contact {float: left; width: 600px; padding: 20px; border-right: 1px solid #dbdbdb; background: #fff;}
.info_contact a {color: #226ebb;}
.img_contact {padding-top: 30px; border-top: 1px solid #dbdbdb; margin-top: 20px;}
.frm_contact {float: right; width: 358px; background: #FBFBFB; padding: 20px;}
.frm_contact div {margin-bottom: 10px;}
.frm_contact label {display: block; float: left; width: 80px; font-size: 13px; font-weight: normal; margin-top: 3px;}
.frm_contact label span {color: red;}
.frm_contact input {width: 230px; border: 1px solid #dbdbdb; padding: 5px 10px; float: left; }
.frm_contact textarea {width: 230px; height: 106px; border: 1px solid #dbdbdb; padding: 10px;}
.frm_contact select {width: 230px; border: 1px solid #dbdbdb; padding: 5px 10px; float: left; }
.frm_contact p {font-style: italic; font-style: 12px; margin-left: 80px;}
.frm_contact p span {color: red;}
.btnLienhe2 {background: #0091d5; border: solid 1px #006b9d; width: 313px; padding: 10px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 20px 0 0;}
.btnLienhe2:hover {background: #29414C;}
.pb575 {padding-bottom: 575px !important;}
.tintuc {padding: 20px;}
.tintuc ul {display: block;}
.tintuc ul li {display: block; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; }
.tintuc img {margin-bottom: 10px; float: left; margin-right: 10px;}
.tintuc ul li:last-child {margin-bottom: 0; border-bottom: 0;}
.tintuc ul li h4 {margin-top: 0;}
.img_larg {width: 335px; height: 345px; text-align:center;}
.caroufredsel_wrapper {width: 730px !important;}
.btn_scrolltop {text-indent: -99999px; display: block; position: fixed; bottom: 30px; right: 20px; background: url(../img/scrolltop.png) no-repeat; width: 40px; height: 40px;}

.info_content {border: 1px solid #dbdbdb; margin: 5px 20px 20px;}
.info_content table {margin-bottom: 0;}
.info_content table tr {border-bottom: 1px solid #dbdbdb;}
.info_content table tr:last-child {border-bottom: 0;}
.info_content table tr td {border-right: 1px solid #dbdbdb; padding: 10px; text-align: center; }
.pad0 {padding: 0 !important;}
.bor_t0 {border-top: none !important;}
.bor_r0 {border-right: none !important;}
.w115 {width: 110px;}

.cate p.title {font-size: 13px; text-transform: uppercase; font-weight: bold; margin-top: 10px; margin-bottom: 5px; color: #000;}
.cate ul {padding-bottom: 10px; border-bottom: 1px dotted #b3b3b3;}
.cate ul:last-child {border-bottom: 0;}
.title2 {float: left; margin-right: 10px; margin-top: 3px;}
.filter {margin: 0 0 10px; float: right;}
.filter input {border: 1px solid #b3b3b3; padding: 3px 10px; margin: 0 10px;}
.filter input:last-child {margin-right: 0;}
.filter a.btnTim {padding: 5px 10px; background: #7a7a7a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff;}
.filter a.btnTim:hover {background: #0091d5;}
.filter input {width: 70px;}

.tintucLQ {border-top: 1px solid #b3b3b3; padding-top: 20px;}
.tintucLQ ul {margin-top: 20px;}
.tintucLQ ul li {display: block; overflow: hidden; margin-bottom: 0; padding-bottom: 0; border: none; background: url(../img/icon_r3.png) no-repeat center left; padding-left: 10px;}
.tintucLQ ul li img {width: 50px; height: 50px; border: 1px solid #b3b3b3;}
.tintucLQ ul li a {padding: 3px 0; font-weight: bold; }
.tintucLQ ul li a.img {float: left; width: 50px; margin-right: 10px;}
.tintucLQ ul li a.title {float: left; width: 90%;}
.tintucLQ ul li a:hover {text-decoration: underline; color: #0087C4;}
#cssmenu ul ul {display: none;}

/****17-09-2014****/
ul.nav > li > ul > li > ul > li > ul > li > ul > li {padding: 5px 0;}
ul.nav > li > ul > li > ul > li > ul > li > ul > li > a {color: #4879a2 !important; display: block; padding: 0 10px;}
ul.nav > li > ul > li > ul > li > ul > li > ul {display: none !important; position: absolute; top: 0 !important; left: 200px; width: 219px; padding: 10px; background-color:#f4f0f0; min-height:278px;}
ul.nav > li > ul > li > ul > li > ul > li:hover > ul {display: block !important;}
ul.nav > li > ul > li > ul > li > ul > li:hover > ul > li > a {color: #4879a2 !important;}


ul.nav > li > ul > li > ul > li > ul > li:hover > ul > li:hover > a {color: #000 !important;}

.cate ul li.active ul li {background: #dee9ef !important;}
.cate ul > li > ul > li > ul {display: none;}
.cate ul > li > ul > li > ul > li > a {color: #0091d5 !important;}
.cate ul > li > ul > li > ul > li:hover a {color: #000 !important;}
.active>a{font-weight:bold;}
.cate ul li ul li {
	list-style: disc inside none;
	padding: 2px 0 2px 10px;
}


.sanphamTB h2 {color: #0775b0; font-family: "Myriad Pro Regular"; font-size: 16px; margin-top: 0; float:none;}
.sanphamTB ul li {float: left; background-color: #fff; margin-right: 5px; margin-bottom: 5px; position: relative; border-color: #dbdbdb; border-style: solid; border-width: 1px; min-height: 230px; padding: 10px; position: relative; width: 177px;}

.sanphamTB ul li a:hover {background-color: #efefef;}
.sanphamTB ul li p {text-transform: uppercase; text-align: center; margin-top: 10px; font-weight: bold; margin-bottom: 0;}
.loaiSP_larg {display: none; position: absolute; top: -10px; left: -10px; z-index: 10; background-color: #fff; border-color: #dbdbdb; border-style: solid; border-width: 1px; min-height: 250px; padding: 10px; width: 195px;}
.loaiSP_larg img {width: 100%;}
.sanphamTB ul li:hover .loaiSP_larg {display: block; }

.img_larg img{max-height:345px;}
#thumblist img{max-height:90px;}
